رویداد ( ) mousedown در jQuery
در این بخش از آموزش JQuery ، رویداد mousedown را در طراحی سایت شرح میدهیم.
رویداد mousedown زمانی اتفاق می افتد که دکمه سمت چپ موس را بر روی عنصر مورد نظر فشار دهید .
رویداد mousedown می تواند دو کار را انجام دهد :
1- باعث رخ دادن رویداد mousedown برای عنصر مورد نظر می شود . شکل استفاده از این حالت به صورت زیر است :
$ ( " selector " ).mousedown ( ) ;
رویداد mouseleave در jQuery
در این بخش از آموزش JQuery ، رویداد mouseleave را در طراحی سایت شرح میدهیم.
رویداد mouseleave زمانی اتفاق می افتد که اشاره گر ماوس محتوای تگ html ترک می کند .
شکل کلی استفاده از این متد به شرح زیر است :
$(selector).mouseleave(function)
رویداد ( ) dblclick در jQuery
در این بخش از آموزش JQuery ، رویداد dblclick را در طراحی سایت شرح میدهیم.
رویداد dblclick زمانی اتفاق می افتد که کاربر بر روی عنصر مورد نظر دابل کلیک نماید . با رویداد dblclick برای مثال می توان کدی طراحی کرد که در هنگام دابل کلیک کاربر بر روی یک عنصر رنگ پس زمینه آن عوض شده و یا عنصر مخفی شود .
شکل کلی استفاده از این متد به شرح زیر است :
$ ( " selector " ).dblclick ( function ( ) { ... some code ... } ;
رویداد ( ) click در jQuery
در این بخش از آموزش JQuery ، رویداد click را در طراحی سایت شرح میدهیم.
رویداد click
زمانی اتفاق می افتد که کاربر بر روی عنصر مورد نظر کلیک نماید . با این
رویداد برای مثال می توان کدی طراحی کرد که در هنگام کلیک کاربر بر روی یک
عنصر رنگ پس زمینه آن عوض شده و یا عنصر مخفی شود .
شکل کلی استفاده از این متد به شرح زیر است :
$ ( " selector " ).click ( function ( ) { ... some code ... } ;
selector : selector کنترلی است که کاربر بر روی آن کلیک می کند .
function : این تابع کد دستوری است که می خواهیم در هنگام رخ دادن رویداد ، انجام شود .
رویداد ( ) ready در jQuery
در این بخش از آموزش JQuery ، رویداد ready را در طراحی سایت شرح میدهیم.
رویداد ( ) ready در یک صفحه وب زمانی اتفاق می افتد که شی DOM به طور کامل لود شده و همچنین صفحه نیز به طور کامل لود شده باشد ( حتی تصاویر آن ) .شما می توانید رویدادها و توابعی که می خواهید به محض تمام شدن عملیات load صفحه ، اجرا شوند را در این تابع قرار دهید .
رویداد ها در جی کوئری (Jquery Events)
متدهای دسترسی به رویداد در JQuery جزء توابع اصلی و هسته ی اصلی جی کوئری هستند. Event Handler ها متدهایی هستند که وقتی «اتفاقی در صفحه HTML رخ می دهد» صدا زده می شوند.
در زیر چند مثال از متدهای رویداد در جی کوئری آورده شده است:
مقید کردن یک تابع به رویداد ready یک صفحه (وقتی که لود شدن صفحه کامل شد)
$(document).ready(function)
مطالب بیشتر را در ادامه مطلب بخوانید.
قواعد دستوری جیکوئری ( Jquery )
با قواعد دستوری جیکوئری شما میتوانید عناصر HTML را انتخاب کنید و عملیات مورد نظر خود را بر روی آنها انجام دهید.
ساختار اصلی یک دستور جیکوئری :
$(selector).action()
$ : برای دسترسی به جیکوئری به کار میرود.
برای اینکه بتوانیم از امکانات jquery استفاده کنیم بایستی آخرین نسخه کتابخانه jquery رو از سایت jquery.com دانلود کنیم .
سه مدل برای دانلود وجود دارد :
بعد از دانلود شما باید کتابخانه را در صفحات خود نصب کنید .
طریق نصب جی کوئری به دو صورت inline و external می باشد.
اما نحوه نوشتن کدها نیز به همین دو روش میباشد :
چرا JQuery استفاده کنیم ؟
شما با آموزش jquery به راحتی با کمترین دانش برنامه نویسی میتوانید نحوه کد نویسی jquery رو درک کنید.
یکی دیگر از مزایای کاربردهای جیکوئری وجود پلاگین های متعددی ایست که بسیار کار امد هستند ، و روزانه در حال افزایش هست. به طوری که شاید نیازی به کد نوشتن پیدا نکنیم و همین پلاگین ها کار مورد نظر ما را به خوبی انجام دهند.
JQuery چیست ؟ ( جی کوئری چیست ؟)
jQuery یک کتابخانه از جاوا اسکریپت است که پیمایش اسناد اچ تی ام ال ، رسیدگی به رویدادها، متحرک سازی و تعاملات ای جکس (AJAX) را به منظور توسعه سریع وب تسهیل می کند. jQuery به گونه ای طراحی شده است تا روشی را که با آن جاوا اسکریپت را می نویسید تغییر دهد.
جی کوئری چیست ؟ یک چارچوب جاوا اسکریپت است که هدف آن آسان ساختن استفاده از جاوا اسکریپت در صفحات طراحی وب سایت شماست.
شما می توانید جی کوئری را به صورت یک لایه انتزاعی توصیف کنید زیرا قابلیت های بسیاری را که می باید در خطوط بیشماری از کد جاوا اسکریپت می نوشتید گرفته و آنها را در توابعی (functions) که می توانید تنها در یک خط کد فراخوانی کنید پنهان می کنند.
جی کوئری جایگزینی برای جاوا اسکریپت نیست و با این که برخی میانبرهای نحوی نوشتاری را در اختیارتان می گذارد اما کدی که هنگام استفاده از جی کوئری خواهید نوشت هنوز هم جاوا اسکریپت می باشد.
آموزش جیکوئری تلاش می کند تا بسیاری از دستورات پیچیده جاوا اسکریپت نظیر فراخوانی های ای جکس (AJAX) و عملیاتهای DOM را ساده تر کند تا بتوانید این اعمال را بدون این که دانش زیادی درباره جاوا اسکریپت داشته باشید به اجرا بگذارید. شما می توانید تقریباً برای انجام هر کاری یک پلاگین جی کوئری را پیدا نمائید.
تعداد صفحات : 4
تگ لینک ( تگ Link )